<template>
  <div>
    <btn name="save" locale="app.btn.delete"></btn>
    <btn name="delete"></btn>
    <btn name="update"></btn>
    <btn label="English" @click="switchLang('en-us')"></btn>
    <btn label="中文" @click="switchLang('zh-cn')"></btn>
    <hr />
    {{$t("test.name")}} <br />
    {{$t("test.code")}}
  </div>
</template>

<script>
import Vue from 'vue';
import Btn from "@/components/Btn"; 

export default {
  name: "LocaleDame",
  components: {
    Btn, 
  },

  data() {
    return { 
    }
  },
  methods: {
    // switchLang(lang){
    //    this.$i18n.locale = lang
    // }
  },
  computed: {},
  mounted() {
    console.log('this :>> ', this);
    console.log('$t("app.btn.save") :>> ', this.$t("app.btn.save"));
  }
};
</script>
<style lang="scss">
</style>
